<html>
    <head>
        <title>{$title|default:"no title"}</title>

        {literal}
            <link href="css/slides.css" rel="stylesheet" type="text/css" />
            <link href="css/fontstyle.css" rel="stylesheet" type="text/css" charset="utf-8" />
            <link href="css/style.css" rel="stylesheet" type="text/css" />

            <script src="js/jquery-1.7.2.min.js"></script>
    <!--        <script src="js/jquery.easing.1.3.js"></script>-->
            <script src="js/slides.jquery.js"></script>
            <script type="text/javascript" src="js/popup.js"></script>

            <script type="text/javascript">
                var _gaq = _gaq || [];
                _gaq.push(['_setAccount', 'UA-33771657-1']);
                _gaq.push(['_trackPageview']);

                (function() {
                    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                })();
            </script>

            <script type="text/javascript">
                $(function(){
                    $('#slides').slides({
                        preload: true,
                        preloadImage: 'images/loading.gif',
                        play: 6000,
                        pause: 5000,
                        hoverPause: false,
                        paginationClass: 'slide_pagination',
                        autoHeight: true
                    });
                });
                
                
                function showPopup(isshowed) {
                    if (isshowed == '0') {
                        centerPopup('#popupContact','#backgroundPopup');
                        loadPopup('#popupContact','#backgroundPopup');
                    }
                }
                    
                
            </script>

            <style type="text/css">
                .slides_container {
                    width:700px;
                    height:380px;
                }
                .slides_container div {
                    width:700px;
                    height:380px;
                    display:block;
                }


                #backgroundPopup{
                    display:none;
                    position:fixed;
                    _position:absolute; /* hack for internet explorer 6*/
                    height:100%;
                    width:100%;
                    top:0;
                    left:0;
                    background:#000000;
                    border:1px solid #cecece;
                    z-index:2;
                }
                .popupContact{
                    display:none;
                    position:fixed;
                    _position:absolute; /* hack for internet explorer 6*/
                    /*                    height: 200px;
                    width: 200px;*/
                    background:#FFFFFF;
                    /*                    border:2px solid #cecece;*/
                    z-index:20;
                    /*                    padding:12px;*/
                    font-size:13px;
                }
                #popupContact h1{
                    text-align:left;
                    color:#6FA5FD;
                    font-size:22px;
                    font-weight:700;
                    border-bottom:1px dotted #D3D3D3;
                    padding-bottom:2px;
                    margin-bottom:20px;
                }
                .popupContactClose{
                    font-size:14px;
                    line-height:14px;
                    right:20px;
                    top:15px;
                    position:absolute;
                    color: #404970;
                    font-weight:700;
                    display:block;
                    cursor: pointer;
                }
            </style>
        {/literal}
    </head>
    <body id="index" onload="showPopup({$popupshowed});">

        <div id="popupContact" class="popupContact">
            <a class="popupContactClose" onclick="disablePopup('#popupContact','#backgroundPopup');">[x]close</a>

            <div>
                <img src="images/legalpopup.jpg" />
            </div>
        </div>

        <div id="backgroundPopup"></div>

        {include file='header.tpl'}

        {include file='sidebar.tpl'}

        <div id="containerhome">
            <table border="0" width="90%">
                <tr valign="top">
                    <td width="65%" class="trslideshow">

                        <div id="slides">
                            <div class="slides_container">
                                {foreach item=frt from=$frontimages name="frontimages"}
                                    {assign var=pckid value=$frt.packageid}

                                    {if $pckid != -1}
                                        <a href="packagedetail.php?id={$frt.packageid}&destid={$frt.dest_id}">
                                            <img src="backend/{$frt.filename}" width="700" height="100%" />
                                        </a>
                                    {else}
                                        <img src="backend/{$frt.filename}" width="700" height="100%" />
                                    {/if}
                                {/foreach}
                            </div>
                        </div>


                    </td>
                    <td width="1%">&nbsp;</td>
                    <td>
                        <div class="featurebox">
                            {foreach item=f from=$feats name="feats"}
                                {if $f.isspecialoffer}
                                    {assign var="classname" value="featureinsidebox_feat"}
                                {else}
                                    {assign var="classname" value="featureinsidebox"}
                                {/if}
                                <a href="packagedetail.php?id={$f.id}&destid={$f.dest_id}">
                                    <div class="{$classname}">
                                        <div class="featcurrency">
                                            {$f.currency}
                                        </div>
                                        <div class="featprice">
                                            {$f.pricestart|number_format:0:",":"."}
                                        </div>

                                        <div class="featperlabel">
                                            per <br />
                                            person
                                        </div>

                                        <!--
                                        <div class="specialofferhomeimg">
                                        {*if $f.isspecialoffer*}
                                <img src="images/special_offer.png" />
                                        {*/if*}
                            </div>
                                        -->

                                        <div class="feattitle">
                                            {$f.short_title}
                                        </div>
                                        <div class="featdays">
                                            {$f.days} days from {$f.city}
                                        </div>
                                        <div class="featseemore">

                                            See More

                                        </div>
                                        <a href="packagedetail.php?id={$f.id}&destid={$f.dest_id}">
                                            <div class="featreadmoreicon"></div>
                                        </a>
                                    </div>
                                </a>

                                {if !$smarty.foreach.feats.last}
                                    <div class="featseparator"></div>
                                {/if}
                            {/foreach}
                        </div>

                        <div class="featurespacer"></div>

                        <div class="featureallpackagebox">
                            <div class="featureallpackageinsidebox">
                                <a href="ourpackages.php">
                                    SEE ALL PACKAGES
                                    <div class="featreadmoreicon" style="margin-top: -5px;"></div>
                                </a>
                            </div>
                        </div>

                    </td>
                </tr>
            </table>

            <div id="footer-spacer"></div>
        </div>

        {include file='footer.tpl'}





    </body>
</html>